<!DOCTYPE html>
<html>

<head>
  <!-- Basic -->
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <!-- Mobile Metas -->
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  <!-- Site Metas -->
  <link rel="icon" href="images/favicon.png" type="image/gif" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <meta name="author" content="" />

  <title>ALIALI视频网站</title>


  <!-- bootstrap core css -->
  <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />

  <!-- fonts style -->
  <link href="https://fonts.googleapis.com/css?family=Poppins:400,600,700&display=swap" rel="stylesheet" />

  <!-- font awesome style -->
  <link href="css/font-awesome.min.css" rel="stylesheet" />
  <!-- Custom styles for this template -->
  <link href="css/style.css" rel="stylesheet" />
  <!-- responsive style -->
  <link href="css/responsive.css" rel="stylesheet" />

</head>

<body>

  <!-- header section strats -->
  <header class="header_section ">
    <div class="container-fluid d-lg-none">
      <nav class="navbar navbar-expand-lg custom_nav-container ">
        <a class="navbar-brand" href="index.html">
          <span>
            ALIALI视频网站
          </span>
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class=""> </span>
        </button>

        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <ul class="navbar-nav  ">
            <li class="nav-item ">
              <a class="nav-link" href="index2.html">ALIALI视频网主站</a>
            </li>
           <li class="nav-item">
              <a class="nav-link" href="index4.html">无趣小游戏</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="pages/yonghu/register.html">用户注册</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="/springboot75x8o/admin/dist/index.html#/login">管理员入口</a>
            </li>
          </ul>
          <div class="quote_btn-container">
           <a href="pages/login/login.html">
              <span>
                          登录
              </span>
              <i class="fa fa-user" aria-hidden="true"></i>
            </a>
            <form class="form-inline">
              <button class="btn  my-2 my-sm-0 nav_search-btn" type="submit">
                <i class="fa fa-search" aria-hidden="true"></i>
              </button>
            </form>
          </div>
        </div>
      </nav>
    </div>
  </header>
  <!-- end header section -->
  <!-- slider section -->
  <section class="slider_section ">
  <div class="slider_bg_box">
         <div class="bg_img_box">
          <img src="images/mrmiss.png" alt="">
        </div>
       </div>
      
   
    <div id="customCarousel" class="carousel slide" data-ride="carousel">
      <div class="carousel-inner">
        <div class="carousel-item active">
          <div class="container ">
            <div class="row">
              <div class="col-md-7 mx-auto">
                <div class="detail-box">
                  <h1>
                              今日推荐组合
                  </h1>
                  <p>
                    Mr. Miss，中国内地爵士乐演唱组合，由刘恋和杜凯组成。2009年，Mr. Miss组合正式成立。
                  </p>
                  <a href="http://localhost:8080/springboot75x8o/upload/1626172314662.mp4" class="btn1">
                    go to
                  </a>
                </div>
               </div>
            </div>
          </div>
        </div>
        <div class="carousel-item">
          <div class="container ">
            <div class="row">
              <div class="col-md-7 mx-auto">
                <div class="detail-box">
                  <h1>
                     杜凯 
                  </h1>
                  <p>
                   杜凯出生于山东省，自高中学习声乐、吉他、词曲编曲，创作了百余首歌，包括多部影视配乐、晚会音乐、广告音乐。此外，他不仅参与制作了《未名湖是个海洋》、《We Make The Music!》等专辑，还担任了Prozac乐队的主唱 。杜凯大学就读于北京大学历史系，之后被保研进入艺术学系，研究起了音乐史，硕士论文以“美国黑人流行音乐的商业化过程”为主题，最终取得了北京大学艺术学院音乐学硕士的学位
                  </p>
                  <a href="" class="btn1">
                   了解他
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="carousel-item">
          <div class="container ">
            <div class="row">
              <div class="col-md-7 mx-auto">
                <div class="detail-box">
                  <h1>
                  刘恋
                  </h1>
                  <p>
                    刘恋出生于四川省成都市，她小学就读于成都市盐道街小学，之后分别在成都市第十六中学、成都市第七中学度过了初中及高中生涯  。刘恋大学就读于北京大学考古文博学院，在校期间她还加入了学校的吉他协会，并经常参加各类演出、创作歌曲
                  </p>
                  <a href="" class="btn1">
                   了解她
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
       <ol class="carousel-indicators">
        <li data-target="#customCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#customCarousel" data-slide-to="1"></li>
        <li data-target="#customCarousel" data-slide-to="2"></li>
      </ol>
    </div>
  </section>
  <!-- end slider section -->
  
  <div class="menu_desktop d-none d-lg-block">
    <div class="container-fluid">
      <nav class="navbar  navbar-expand custom_nav-container ">
        <a class="navbar-brand" href="index.html">
          <span>
            Retics
          </span>
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="" aria-controls="" aria-expanded="false" aria-label="Toggle navigation">
          <span class=""> </span>
        </button>

        <div class="collapse  navbar-collapse" id="">
          <ul class="navbar-nav  ">
            <li class="nav-item ">
              <a class="nav-link" href="index2.html">ALIALI视频网主站 </a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="index4.html">无趣小游戏</a>
            </li>
            <li class="nav-item">
               <a class="nav-link" href="pages/yonghu/register.html">用户注册</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="/springboot75x8o/admin/dist/index.html#/login">管理员入口</a>
            </li>
          
          </ul>
          <div class="quote_btn-container">
            <a href="pages/login/login.html">
              <span>
                          登录
              </span>
              <i class="fa fa-user" aria-hidden="true"></i>
            </a>
            <form class="form-inline">
              <button class="btn  my-2 my-sm-0 nav_search-btn" type="submit">
                <i class="fa fa-search" aria-hidden="true"></i>
              </button>
            </form>
          </div>
        </div>
      </nav>
    </div>
  </div>


  <!-- service section -->

  <section class="service_section layout_padding">
    <div class="container">
      <div class="heading_container heading_center">
        <h2>
             我们提供的服务
        </h2>
      </div>
      <div class="row">
        <div class="col-md-6 col-lg-4 mx-auto">
          <div class="box">
            <div class="img-box">
              <img src="images/s1.jpg" alt="">
            </div>
            <div class="detail-box">
              <h5>
                         影视视频
              </h5>
              <p>
                在本站你可以找到几乎所有类型你感兴趣的视频
               </p>
              <a href="pages/shipinxinxi/list.html">
               点击游客身份预览
              </a>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-lg-4 mx-auto">
          <div class="box">
            <div class="img-box">
              <img src="images/s2.jpg" alt="">
            </div>
            <div class="detail-box">
              <h5>
               一个有爱的论坛社区
              </h5>
              <p>
               本站位所有爱好影视的朋友提供了一个和谐有爱的论坛站点，和谐讨论哦
             </p>
              <a href="pages/forum/list.html">
               点击即刻加入
              </a>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-lg-4 mx-auto">
          <div class="box">
            <div class="img-box">
              <img src="images/s3.jpg" alt="">
            </div>
            <div class="detail-box">
              <h5>
                独特的个人信息管理
              </h5>
              <p>
              给你更加个性化的信息定制服务，为你的爱好收藏提供一个良好的收藏夹              </p>
              <a href="pages/storeup/list.html">
               点击查看
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- end service section -->

  <!-- about section -->

  <section class="portfolio_section layout_padding ">
    <div class="container">
      <div class="row">
        <div class="col-md-6">
          <div class="detail-box">
            <div class="heading_container">
              <h2>
              关于我们
              </h2>
            </div>
            <p>
            一个由五人组成的小团队，团队成员为宁欣怡，吴宏惠，王晴晴，袁华骏，王忠博，是一群来自西南交通大学实训一班的小伙伴
                 </p>
         
          </div>
        </div>
        <div class="col-md-6">
          <div class="img-box">
            <img src="images/about-img.jpg" alt="">
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- end about section -->

  <!-- about section -->

  <section class="about_section about_section2 layout_padding">
    <div class="container">
      <div class="row">
        <div class="col-md-6">
          <div class="img-box">
            <img src="images/about-img2.jpg" alt="">
          </div>
        </div>
        <div class="col-md-6">
          <div class="detail-box">
            <div class="heading_container">
              <h2>
               我们的目标 <br>
              带来一个高质量的视频网站
              </h2>
            </div>
            <p>
                视频是4G时代以来产生的最大数据量的产物之一，视频承载了无数人的欢乐与记忆，是我们留下存在的痕迹之一，制作一个高水平视频网站是我们的目标。
                      </p>
            <a href="">
                 点击查看更多
            </a>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- end about section -->

  <!-- portfolio section -->

  <!-- end portfolio section -->

  <!-- blog section -->

  <section class="blog_section layout_padding">
    <div class="container">
      <div class="heading_container">
        <h2>
             我们的开发日志
        </h2>
      </div>
      <div class="row">
        <div class="col-md-6">
          <div class="box">
            <div class="img-box">
              <img src="images/b1.jpg" alt="">
              <h4 class="blog_date">
                <span>
                  15 <br>
                 7
                </span>
              </h4>
            </div>
            <div class="detail-box">
              <h5>
                 执笔人：袁华骏
              </h5>
              <p>
               
                             </p>
              <a href="">
                查看更多
              </a>
            </div>
          </div>
        </div>
        <div class="col-md-6">
          <div class="box">
            <div class="img-box">
              <img src="images/b2.jpg" alt="">
              <h4 class="blog_date">
                <span>
                 18 <br>
                  7
                </span>
              </h4>
            </div>
            <div class="detail-box">
              <h5>
               执笔人：吴宏惠
              </h5>
              <p>
                      </p>
              <a href="">
            查看更多
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- end blog section -->


  <!-- client section -->

  <section class="client_section ">
    <div class="container">
      <div class="heading_container heading_center">
        <h2>
         我们的客户对我们网站的评价
        </h2>
      </div>
    </div>
    <div class="container">
      <div class="col-md-9 mx-auto px-0">
        <div id="carouselExample2Controls" class="carousel slide" data-ride="carousel">
          <ol class="carousel-indicators">
            <li data-target="#carouselExample2Controls" data-slide-to="0" class="active">
              <img src="images/c1.jpg" alt="">
            </li>
            <li data-target="#carouselExample2Controls" data-slide-to="1">
              <img src="images/c2.jpg" alt="">
            </li>
            <li data-target="#carouselExample2Controls" data-slide-to="2">
              <img src="images/c3.jpg" alt="">
            </li>
          </ol>
          <div class="carousel-inner">
            <div class="carousel-item active">
              <div class="detail-box">
                <h5>
                     马大丹
                </h5>
                <h6>
                 职场女强人
                </h6>
                <p>
                  <i class="fa fa-quote-left" aria-hidden="true"></i>
                 功能全面,UI亮眼
                                   <i class="fa fa-quote-right" aria-hidden="true"></i>
                </p>
              </div>
            </div>
            <div class="carousel-item">
              <div class="detail-box">
                <h5>
                 张润泽
                </h5>
                <h6>
                软件学子
                </h6>
                <p>
                  <i class="fa fa-quote-left" aria-hidden="true"></i>
               碉堡了
                                 <i class="fa fa-quote-right" aria-hidden="true"></i>
                </p>
              </div>
            </div>
            <div class="carousel-item">
              <div class="detail-box">
                <h5>
                  大李
                </h5>
                <h6>
                 代码搬砖工
                </h6>
                <p>
                  <i class="fa fa-quote-left" aria-hidden="true"></i>
               也就一般般吧
                                 <i class="fa fa-quote-right" aria-hidden="true"></i>
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    </div>
  </section>

  <!-- end client section -->

  <!-- contact section -->
  <section class="contact_section  ">
    <div class="container">
      <div class="heading_container">
        <h2>
        联系我们
        </h2>
      </div>
      <div class="row">
        <div class="col-md-6">
          <div class="form_container">
            <form action="">
              <div>
                <input type="text" placeholder="Your Name" />
              </div>
              <div>
                <input type="text" placeholder="Phone Number" />
              </div>
              <div>
                <input type="email" placeholder="Email" />
              </div>
              <div>
                <input type="text" class="message-box" placeholder="Message" />
              </div>
              <div class="btn_box">
                <button>
                  SEND
                </button>
              </div>
            </form>
          </div>
        </div>
        <div class="col-md-6">
          <div class="map_container">
            <div class="map">
              <div id="googleMap"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- end contact section -->


  <!-- info section -->

  <section class="info_section ">
    <div class="info_container ">
      <div class="container">
        <div class="row">
          <div class="col-lg-9">
            <div class="info_contact ">
              <div class="row">
                <div class="col-md-3">
                  <a href="#" class="link-box">
                    <i class="fa fa-map-marker" aria-hidden="true"></i>
                    <span>
                      Location
                    </span>
                  </a>
                </div>
                <div class="col-md-5">
                  <a href="#" class="link-box">
                    <i class="fa fa-phone" aria-hidden="true"></i>
                    <span>
                      Call +01 1234567890
                    </span>
                  </a>
                </div>
                <div class="col-md-4">
                  <a href="#" class="link-box">
                    <i class="fa fa-envelope" aria-hidden="true"></i>
                    <span>
                      demo@gmail.com
                    </span>
                  </a>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-5  col-lg-3 mx-auto">
            <div class="info_form ">
              <form action="#">
                <input type="email" placeholder="Enter Your Email" />
                <button>
                  <i class="fa fa-arrow-right" aria-hidden="true"></i>
                </button>
              </form>
            </div>
          </div>
        </div>
        <div class="info_logo">
          <a class="navbar-brand" href="index.html">
            <span>
              ALIALI视频网站
            </span>
          </a>
        </div>
        <div class="social-box">
          <a href="">
            <i class="fa fa-facebook" aria-hidden="true"></i>
          </a>
          <a href="">
            <i class="fa fa-twitter" aria-hidden="true"></i>
          </a>
          <a href="">
            <i class="fa fa-instagram" aria-hidden="true"></i>
          </a>
          <a href="">
            <i class="fa fa-youtube" aria-hidden="true"></i>
          </a>
        </div>
      </div>
    </div>
  </section>

  <!-- end info section -->

  <!-- footer section -->
  <footer class="footer_section">
    <div class="container">
      <p>
        Copyright &copy; 2020.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
      </p>
    </div>
  </footer>
  <!-- footer section -->

  <!-- jQery -->
  <script src="js/jquery-3.4.1.min.js"></script>
  <!-- bootstrap js -->
  <script src="js/bootstrap.js"></script>
  <!-- isotope js -->
  <script src="js/isotope.pkgd.min.js"></script>
  <!-- custom js -->
  <script src="js/custom.js"></script>
  <!-- Google Map -->
  <!---<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCh39n5U-4IoWpsVGUHWdqB6puEkhRLdmI&callback=myMap"></script>--->
  <!-- End Google Map -->
  
  <script type="text/javascript">
  
  	$(function(){
  		$('.carousel').carousel({pause:true,interval:5000});
  	})
  
  </script>

</body>

</html>